<template>
  <ux-table-column v-if="$attrs.ctype == 'selection'" v-bind="$attrs" :title="$attrs.label" :field="$attrs.prop" show-overflow-tooltip :width="colWidth" class-name="table-td"/>
  <ux-table-column v-else-if="$attrs.ctype == 'index'" v-bind="$attrs" :title="$attrs.label" :field="$attrs.prop" show-overflow-tooltip align="center" :width="colWidth" class-name="table-td"/>
  <ux-table-column v-else-if="$scopedSlots.edit" v-bind="$attrs" :title="$attrs.label" :field="$attrs.prop" show-overflow-tooltip align="center" :width="colWidth" class-name="table-td">
    <template v-slot:edit="scope">
      <slot name="edit" :row="scope.row"></slot>
    </template>
  </ux-table-column>
  <ux-table-column v-else-if="$scopedSlots.default" v-bind="$attrs" :title="$attrs.label" :field="$attrs.prop" show-overflow-tooltip align="center" :width="colWidth" class-name="table-td">
    <template v-slot="scope">
      <slot :row="scope.row"></slot>
    </template>
  </ux-table-column>
  <ux-table-column v-else v-bind="$attrs" :title="$attrs.label" :field="$attrs.prop" show-overflow-tooltip :width="colWidth" class-name="table-td"/>
</template>

<script>
import mixins from '../AdTableColumn/mixins'

export default {
  mixins: [ mixins ]
}
</script>

<style lang="scss" scoped>

</style>